// @flow
import React, { Component } from 'react'
import { Button, Tooltip } from 'antd'
import styles from './JobStatusActions.css'

type Props = {
  data: Object
}

class JobStatusActions extends Component {
  props: Props
  render () {
    let value1
    let style1
    let info
    let text
    let styleShow
    if (this.props.data.resultStatus === 'FAILED') {
      value1 = this.props.data.resultStatus
      style1 = styles['failed']
      info = 'danger'
      text = this.props.data.message
    } else if (this.props.data.hasApi === 'false') {
      value1 = this.props.data.resultStatus
      style1 = styles['success']
      info = 'primary'
      text = this.props.data.message
      if (this.props.data.status === 'RUNNING') {
        styleShow = styles['hidden']
      }
    } else {
      value1 = this.props.data.resultStatus
      style1 = styles['success']
      info = 'primary'
      styleShow = styles['hidden']
    }
    if (this.props.data.resultStatus === '') {
      return <span className={style1}>&nbsp;</span>
    } else {
      return (
        <div className={styles['actions']}>
          <span className={style1}>{value1}&nbsp;&nbsp;
            <Tooltip placement='top' title={text}>
              <Button className={styleShow} type={info} size='small' shape='circle' icon='info' ghost />
            </Tooltip>
          </span>
        </div>
      )
    }
  }
}

export default JobStatusActions
